<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<script type="text/html" template>
			{{# if(navigator.userAgent.indexOf('Mobile') > -1){ }}
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">家乡美景</div>
						<div class="layui-card-body">
							<!-- 这个的处理在 modules/controller/console.js -->
							<div class="layui-carousel blog-carousel layadmin-shortcut" lay-indicator="inside"
							     lay-arrow="none" data-interval="3000" data-autoplay="true" style="width:100%;height:280px;">
								<div carousel-item="">
									<div class="layui-this">
										<img src="//photonj.photo.store.qq.com/psc?/V13n4XZY2Y6KLq/bhRzIL1Ek8GP*cA*Bielqwv2dBsoPPDjQ9ZXEYqlMdnDqfwc51yBnIVp44BvrNo8jQgKLPPq4qCRjsa4yGlPuQ!!/b&bo=gAc4BAAAAAARB4s!&rf=viewer_4" width="100%" height="100%" alt="">
									</div>
									<div>
										<img src="//photonj.photo.store.qq.com/psc?/V13n4XZY2Y6KLq/BmgsQzVq*GNja8O.UNZvUQQHORz8uXB6hH8TYoIuNCXa.hu.xuV*TQUCj0FaeKfG.SNR4AiOiyn.Wnm0wW0Sv5PWkLD.TE*O6DQgfK.mJpY!/b&bo=gAc4BAAAAAARF5s!&rf=viewer_4" width="100%" height="100%" alt="">
									</div>
								</div>
								<div class="layui-carousel-ind">
									<ul>
										<li class="layui-this"></li>
										<li></li>
									</ul>
								</div>
								<button class="layui-icon layui-carousel-arrow" lay-type="sub"></button>
								<button class="layui-icon layui-carousel-arrow" lay-type="add"></button>
							</div>
						</div>
					</div>
				</div>
			{{# } }}
		</script>
		<div class="layui-col-md12">
			<div class="layui-row layui-col-space15">
				<script type="text/html" template lay-url="./json/home_data.json?_time={{Date.now()}}">
					{{# layui.each(d.data, (index, item) => { }}
						{{# if(navigator.userAgent.indexOf('Mobile') < 0){ }}
							<div class="layui-col-md2 article-card">
								<div class="layui-card">
									<div class="layui-card-header">{{item.title}}</div>
									<div class="layui-card-body">
										<a href="{{item.link}}" target="_blank">
											<img src="{{item.src}}" alt="">
										</a>
									</div>
								</div>
							</div>
						{{# }else{ }}
							<div class="layui-col-md2 article-mobile-card">
								<div class="layui-card">
									<div class="layui-card-header">
										<a href="{{item.link}}" target="_blank">{{index + 1 + '、' +item.title}}</a>
									</div>
								</div>
							</div>
						{{# } }}
					{{# }); }}
				</script>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	// layui.factory 用于获取模块对应的 define 回调函数
	layui.use('console', layui.factory('console'));
</script>